<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<meta charset="utf-8" />
		<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
		<script src="../../scripts/assist.js" type="text/javascript"></script>
		<style type="text/css">
			.style1 {
				width: 100%;
			}
		</style>
		<script type="text/javascript">
			$(function() {

				$("#tb>tbody>tr:odd").css("background-color", "#abf3e4");
				$("#tb>tbody>tr:even").css("background-color", "#46e7bf");


				$("#chkAll").click(function() {
					$checked=$(this).attr("checked")
					$("#tb :checkbox").attr("checked", $checked);
				})
				$("#chkRev").click(function() {
					$("#chkAll").attr("checked", false);
					$("#tb :checkbox").each(function() {
						$(this).attr("checked", !$(this).attr("checked"));
					})
				})

				$("#tb :checkbox").change(function() {
					if ($("#tb :checked").length === $("#tb :checkbox").length) {
						$("#chkAll").attr("checked", true);
					} else {
						$("#chkAll").attr("checked", false);
					}
				})
				//光棒
				// $color = "";
				// $("#tb>tbody>tr").mouseover(function() {
				// 	$color = $(this).css("background")
				// 	$(this).css("background", "pink")
				// })
				// $("#tb>tbody>tr").mouseout(function() {

				// 	$(this).css("background", $color)
				// })

				$("#tb tr").hover(
					function() {
						$color = $(this).css("background")
						$(this).css("background", "pink")
					},
					function() {
						$(this).css("background", $color)
					}
				)

			})
		</script>
	</head>
	<body>
		<!--<div>
        <select id="Select1" multiple="multiple">
            <option>张三</option>
            <option>李四</option>
            <option>王五</option>
            <option>越六</option>
        </select>
    </div>
    <div>
        <select id="Select2" multiple="multiple">
            <option>钱七</option>
        </select>
    </div>-->
		<div style="background-color:Green"></div>
		<div>
			<input id="chkAll" type="checkbox" />全选
			<input id="chkRev" type="checkbox" />返选
		</div>
		<div>

			<table id="tb" class="style1">
				<tbody>
					<tr>
						<td>
							<input name="chkItem" type="checkbox" id="chkid" bg="red" />
						</td>
						<td>
							ADC
						</td>
						<td>
							金克斯
						</td>
					</tr>
					<tr>
						<td>
							<input name="chkItem" type="checkbox" />
						</td>
						<td>
							辅助
						</td>
						<td>
							布隆
						</td>
					</tr>
					<tr>
						<td>
							<input name="chkItem" type="checkbox" />
						</td>
						<td>
							法师
						</td>
						<td>
							安妮
						</td>
					</tr>
					<tr>
						<td>
							<input name="chkItem" type="checkbox" />
						</td>
						<td>
							上单
						</td>
						<td>
							螃蟹
						</td>
					</tr>
					<tr>
						<td>
							<input name="chkItem" type="checkbox" />
						</td>
						<td>
							打野
						</td>
						<td>
							盲僧
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>
</html>
